/*这是主页面的样式文件*/

.padding-LR {
    padding: 0 15px 0;
}

/*关于我们组件*/
.about-left {
    max-width: 100%;
    height: 500px;
    background: url("/mycms/templates/images/aboutL.jpg") no-repeat center;
    -moz-background-size: cover;
}

.about-right {
    max-width: 100%;
    height: 500px;
    background-color: #3362ae;
}

.about-company {
    padding-top: 90px;
    padding-left: 90px;
    padding-right: 60px;
}

.about-company p {
    padding-top: 20px;
    font-size: 14px;
    color: #b9b9b9;
    display: inline-block;
    max-height: 180px;
    overflow: hidden;
}

.about-company a {
    position: relative;
    padding-top: 30px;
    padding-right: 12px;
    color: #ffffff;
    float: right;
    transition: all 0.5s linear;
    display: inline-block;
}

.about-company a:hover {
    color: #ff7f1e;
}

.about-company a::after {
    position: absolute;
    right: 12px;
    bottom: -6px;
    content: "";
    height: 2px;
    width: 150px;
    background: rgba(255, 255, 255, 0.2);
}

/*产品组件样式*/
#product {
    background-color: #E5EEF6;
}

.pro-left h2 {
    font-size: 34px;
    font-weight: 700;
}

.pro-left p {
    font-size: 14px;
    font-weight: 500;
    color: #b2a392;
}

.pro-right {
    float: right;
    margin-top: 30px;
}

.pro-right a {
    color: #d7721d;
    font-size: 18px;
    font-weight: 600;
    border-bottom: #ffdac7 2px solid;
}

.pro-right a:hover {
    color: #6b001b;
}

.pro-list {
    padding: 25px 0 25px 0;
}

#pro-list {
    list-style: none;
    padding-top: 30px;
}

#pro-list>li {
    float: left;
    padding: 10px 25px;
}
#pro-list li>a{
    display: inline-block;
    border-radius: 5px;
    width:110px;
    padding: 10px 0;
    background-color: #135E1F;
}
#pro-list ol{
    list-style: none;
    display: none;
    margin-left:-40px;
    width:110px;
}
#pro-list ol li{
    width:100px;
}
#pro-list ol li>a{
    border-radius: 0;
}

.pro-list button:first-child {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.pro-list button:last-child {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.pro-list button {
    transition: all 0.4s ease-in;
}

.pro-list a {
    /*display: inline-block;*/
    /*width: 100px;*/
    /*height: 40px;*/
    /*text-align: center;*/
    /*line-height: 40px;*/
    transition: all 0.4s ease-in;
    color: #ffffff;
    font-size: 16px;
    /*border-radius: 4px;*/
}

.pro-list a:hover {
    /*background-color: #ffffff;*/
    color: #ff7f1e;
}

.pro-box {
    position: relative;
    background-color: #fdfbf6;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 18px 30px 25px;
    margin-top: 15px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
}

.pro-box:hover {
    background-color: #00387a;
    color: #ffffff;
}

.pro-box > img {
    display: inline-block;
    width: auto;
    height: 40px;
}

.pro-img {
    width: 100%;
    overflow: hidden;
}

.pro-img img {
    width: 100%;
    height: 230px;
}

.pro-title {
    text-align: center;
}

.pro-title p {
    font-size: 16px;
    font-weight: 500;
    padding-top: 18px;
    padding-right: 16px;
}

.pro-more {
    width: 56px;
    border-bottom: #7f7d78 solid 2px;
}

.more-change {
    border-bottom: #ff7f1e solid 2px;
}

.pro-more a {
    color: #7f7d78;
}

.a-change {
    color: #ff7f1e;
}

.pro-more a:hover {
    color: #ff7f1e;
}

.more {
    margin-top: 60px;
}

.more a {
    border: #d8d8d8 1px solid;
    border-radius: 5px;
    padding: 16px 20px;
    font-size: 16px;
    color: #000;
    transition: all 0.4s ease-in;
}

.more a:hover {
    background-color: #d85305;
    color: #ffffff;
    border-color: #cbc7c7;
}

/*服务组件样式*/
#serve {
    background: url("/mycms/templates/images/serveBg.jpg");
}

.serve-core {
    border-bottom: blue solid 1px;
}

.serve-core h2 {
    color: #af382c;
    font-size: 30px;
    font-weight: bold;
}

.serve-core p {
    color: #b2a392;
    font-size: 14px;
    font-weight: 500;
}

.serve-list {
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 20px;
}

.panel-group {
    padding-top: 24px;
}

.panel1 {
    margin-top: 50px;
}

.panel2 {
    margin-top: 50px;
}

.panel3 {
    margin-top: 50px;
}

.panel-title1 {
    background-color: rgba(127, 127, 180, 0.8);
    padding-top: 10px;
    border-bottom: #F9A8A4 solid 1px;
    border-radius: 6px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 6px;
}

.panel-title1 h4 {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
}

.panel-title2 {
    background-color: rgba(236, 109, 16, 0.8);
    padding-top: 10px;
    border-bottom: #F9A8A4 solid 1px;
    border-radius: 6px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 6px;
}

.panel-title2 h4 {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
}

.panel-title3 {
    background-color: rgba(227, 26, 45, 0.8);
    padding-top: 10px;
    border-bottom: #F9A8A4 solid 1px;
    border-radius: 6px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 6px;
}

.panel-title3 h4 {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
}

.panel-content {
    background-color: rgba(0, 56, 122, 0.8);
    padding-bottom: 3px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.panel-content p {
    padding: 16px 15px 10px 26px;
    color: #fdfdfd;
    font-size: 16px;
    line-height: 24px;
}

.serve-progress {
    padding-left: 16px;
}

/*新闻组件*/
#news {
    background: url("/mycms/templates/images/newsbg.jpg");
}

.news-block {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    transition: all 0.4s linear;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    padding-bottom: 20px;
}

.news-block:hover {
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.3);
}

.news-img {
    max-width: 100%;
    height: auto;
}

.news-article {
    margin-top: 15px;
    padding: 0 30px 10px;
}

.news-data {

}

.news-data time {
    color: #8f8f8f;
}

.news-data span {
    color: #00387a;
}

.news-data span:first-child::after {
    content: '|';
    margin: 0 6px;
}

.news-title {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
}

.news-dsp {
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 14px;
}